iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

Angular 學徒之路 feat. TypeScript系列 第 19

Day 19:怎麼在 Angular 專案中使用 nvm 切換 Node.js 版本

  • 分享至 

  • xImage
  •  

前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。

之所以想提出討論,是因為在研究公司既有專案時,遇到了電腦系統與專案的 Node.js 版本不同的問題,導致應用程式無法順利運作,上網搜尋了相關議題,發現可以使用 nvm 來解決這個問題,以下,我們就一步一步來探討做法。

首先,我們先到 nvm 的下載頁面,點選 nvm-setup.zip 下載。

下載之後,就是進行常見的安裝動作,一直下一步即可。

以下註解截錄自 Windows 10 安裝並使用 nvm 切換 NodeJS 版本一文:假設你有在安裝過程中收到一些訊息,例如我的是「Node v11.7.0 is already installed.Do you want NVM to control this version?」,會出現這個提示訊息是因為我本身有安裝 Node 的關係,他只是想詢問你是否要讓 NVM 去控制你目前的 Node 版本,想當然就是按下 yes (可能會跳兩三次,一直按 yes 就好)。

安裝完成後,就可以打開終端機面板,輸入 nvm,就可以看到 nvm 提供的所有指令了。

這邊主要會用到的三個指令分別為:

    1. nvm install [Node 版本號]:這是為了安裝特定版本的 Node,例如:你現在電腦安裝的為版本 14.17.5,但你要運行的專案,版本則為 14.16.0,因此就必須使用 nvm install 指令來安裝 14.16.0 這個版本的 Node。
    1. nvm list:可以列出你目前已安裝的 Node 之版本清單。
    1. nvm use [Node 版本號]:外換 Node 版本號,以上圖為例,你目前安裝了兩個版本,14.16.0 及 14.17.5,目前使用的版本是 14.16.0,如果你要切換成 14.17.5,就要使用指令 nvm use 14.17.5 來切換,輸入 nvm use 指令後,Windows 會跳出視窗請你確認是否允許此 APP 變更你的裝置,此時都按「是」即可。

需要注意的一點是,這個指令只能切換已經有安裝的版本,如果專案使用的版本,你的電腦並沒有安裝過,那就必須先使用 nvm install 安裝需要的版本之後,再用 nvm use 來切換,下圖是切換成功後的終端機畫面。

這樣,將來遇到工作上的既有專案與你的電腦 Node.js 版本不同時,就可以使用 nvm 來切換了。

參考來源


上一篇
Day 18:將你的 Angular 更新到最新版!
下一篇
Day 20:怎麼在 Angular 使用 sweatalert2
系列文
Angular 學徒之路 feat. TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Tim Hsu
iT邦新手 1 級 ‧ 2021-10-01 14:13:12

有多個專案,用 nvm 切換 node 版本就變得重要了!

ABow_Chen iT邦新手 5 級 ‧ 2021-10-01 14:28:24 檢舉

嘿啊!沒有遇到前都不知道會有這種狀況呢!

我要留言

立即登入留言